  <%@taglib prefix="s" uri="/struts-tags" %>
  <style type="text/css">

      #divForLogin{
          width: 400px;
          float: left;
          height:65px;
       }

      .login{
          margin-left: 70px;
          text-align: center;
          font-family: Verdana;
          font-style: italic;
          font-size: 20px;
          color:#363636;
          height: 40px;
          width: 250px;
          float:left;
      }

      #password,#fakepassword{
          width: 250px;
          height: 40px;
          float: left;
          margin-bottom: 30px;
          margin-left: 70px;
          text-align: center;
          font-family: Verdana;
          font-size: 20px;
          font-style: italic;
          color: #212121 !important;
      }

      #forLogin{
          width: 400px;
          display: block;
          margin-left: 300px;
          /*margin-top: 50px;*/
          border: #dddddd ridge 2px;
          padding-top: 30px ;
          background-color: #dddddd;
          height: 180px;
      }
       .submit{
          margin-left: 10px;
          margin-bottom: 20px;
          margin-top: 1px;
          width:47px;
          height: 47px;
          background-image: url("images/login/log_in.png");
          border:none;
      }
      #actionMessage{
          font-size: 20px;
          margin-top: 65px;
          /*margin-top: 100px;*/
          margin-left:300px;
          margin-bottom: 0px;
          color: #cd0a0a;
      }
      #contenet{
          padding-top: 150px;
      }
      #kkk{
          /*margin:50px auto;*/
          margin-bottom: 65px;
      }
  </style>
  <script type="text/javascript">

              function pwdFocus() {
                       $('#fakepassword').hide();
                       $('#password').show();
                       $('#password').focus();
                   }

                   function pwdBlur() {
                       if ($('#password').attr('value') == '') {
                           $('#password').hide();
                           $('#fakepassword').show();
                       }
                   }


          $(document).ready(function() {
//                           $("#content").css("min-height",($(window).height()-300));


     //   if($.client.browser=="Chrome" ){
          //265
     //         var  himnakan_tiv=$("#header").height()+$("#footer").height()+2*25+80+2*10-20;
   //   }else{
          //312
              var  himnakan_tiv=$("#header").height()+$("#footer").height()+2*25+80+2*10-20;
    //  }

         $("#content").css("min-height",($(window).height()-himnakan_tiv));
              var value;

                  $('.login').focus(function() {
                                value = $(this).val();
                            if(value=="Username"){
                                $(this).val("");
                             }

                  });
                  $('.login').blur(function() {
                        if ($(this).val() == "") {
                            $(this).val("Username");
                        }
                  });


          });
  </script>
       <div id="actionMessage" style="height: 50px;">
            <s:actionmessage />
       </div>
  <form action="login.action" method="post"  id="kkk">
      <div id="forLogin" >
              <div id="divForLogin">
                 <input type="text" class="login" name="login"  value="Username"/>
              </div>
              <div style="width: 400px; float: left;display: inline;height: 65px;">
                 <input style="color: #ccc" type="text" name="fakepassword" id="fakepassword" value="Password" onfocus="pwdFocus()" />
                 <input style="display: none" type="password" name="password" id="password" value="" onblur="pwdBlur()" />
                 <input type="submit"  class="submit" name="submit" value=""/>
              </div>
              <div style="width: 400px; float: left;display: inline; text-align:center;">
                    <a href="forgotPassword.action" style="text-decoration:none;color: teal;">Forgot password</a>
              </div>
      </div>
  </form>